<template>
  <div class="format-tab-content">
    <!-- 行政治安 -->
    <el-form v-if="activeTab === 'admin'" :model="formatSettings" label-width="120px" class="format-form">
      <!-- 第一行 - 采用垂直布局保持对齐 -->
      <el-row :gutter="20">
        <el-col :span="6">
          <el-form-item class="vertical-layout">
            <template #label>
              <div class="vertical-label">字体:</div>
            </template>
            <el-select v-model="formatSettings.fontFamily" placeholder="请选择">
              <el-option label="等线" value="DengXian"></el-option>
              <el-option label="等线_Light" value="DengXian Light"></el-option>
              <el-option label="方正舒体" value="FZShuTi"></el-option>
              <el-option label="方正姚体" value="FZYaoTi"></el-option>
              <el-option label="仿宋" value="FangSong"></el-option>
              <el-option label="仿宋_GB2312" value="FangSong_GB2312"></el-option>
              <el-option label="汉仪中黑 197" value="HYZhongHei"></el-option>
              <el-option label="黑体" value="SimHei"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item class="vertical-layout">
            <template #label>
              <div class="vertical-label">字号:</div>
            </template>
            <el-select v-model="formatSettings.fontSize" placeholder="请选择">
              <el-option label="12（小四）" value="12"></el-option>
              <el-option label="14（四号）" value="14"></el-option>
              <el-option label="15（小三）" value="15"></el-option>
              <el-option label="16（三号）" value="16"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item class="vertical-layout">
            <template #label>
              <div class="vertical-label">行距:</div>
            </template>
            <el-select v-model="formatSettings.lineSpacing" placeholder="请选择">
              <el-option label="8mm" value="8mm"></el-option>
              <el-option label="10mm" value="10mm"></el-option>
              <el-option label="12mm" value="12mm"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item class="vertical-layout">
            <template #label>
              <div class="vertical-label">空白行:</div>
            </template>
            <el-select v-model="formatSettings.blankLines" placeholder="请选择">
              <el-option label="打印" value="print"></el-option>
              <el-option label="不打印" value="no_print"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
      </el-row>
      
      <!-- 第二行 -->
      <el-row :gutter="20">
        <el-col :span="8">
          <el-form-item class="vertical-layout">
            <template #label>
              <div class="vertical-label">笔录纸下横线:</div>
            </template>
            <el-select v-model="formatSettings.bottomLine" placeholder="请选择">
              <el-option label="实线" value="solid"></el-option>
              <el-option label="虚线" value="dashed"></el-option>
              <el-option label="无" value="none"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item class="vertical-layout">
            <template #label>
              <div class="vertical-label">笔录内容进行缩进:</div>
            </template>
            <el-select v-model="formatSettings.contentIndent" placeholder="请选择">
              <el-option label="无缩进" value="0"></el-option>
              <el-option label="缩进一格" value="1"></el-option>
              <el-option label="缩进两个" value="2"></el-option>
              <el-option label="缩进四格" value="4"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item class="vertical-layout">
            <template #label>
              <div class="vertical-label">笔录时间:</div>
            </template>
            <el-select v-model="formatSettings.recordTime" placeholder="请选择">
              <el-option label="打印" value="print"></el-option>
              <el-option label="不打印" value="no_print"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
      </el-row>
      
      <!-- 第三行 -->
      <el-row :gutter="20">
        <el-col :span="6">
          <el-form-item class="vertical-layout">
            <template #label>
              <div class="vertical-label">笔录页码位置:</div>
            </template>
            <el-select v-model="formatSettings.pageNumberPosition" placeholder="请选择">
              <el-option label="页码右上角" value="top_right"></el-option>
              <el-option label="页码左上角" value="top_left"></el-option>
              <el-option label="页码左下角" value="bottom_left"></el-option>
              <el-option label="无" value="none"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item class="vertical-layout">
            <template #label>
              <div class="vertical-label">页码:</div>
            </template>
            <el-select v-model="formatSettings.pageNumberFormat" placeholder="请选择">
              <el-option label="阿拉伯数字" value="arabic"></el-option>
              <el-option label="中文数字" value="chinese"></el-option>
              <el-option label="中文数字大写" value="chinese_upper"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item class="vertical-layout">
            <template #label>
              <div class="vertical-label">被询问人签名:</div>
            </template>
            <el-select v-model="formatSettings.inquiredSignature" placeholder="请选择">
              <el-option label="无签名栏" value="none"></el-option>
              <el-option label="签名栏右下角" value="bottom_right"></el-option>
              <el-option label="签名栏左下角" value="bottom_left"></el-option>
              <el-option label="签名栏左下角+日期" value="bottom_left_date"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item class="vertical-layout">
            <template #label>
              <div class="vertical-label">询问证人笔录:</div>
            </template>
            <el-select v-model="formatSettings.witnessRecord" placeholder="请选择">
              <el-option label="有口头传唤栏（部标准）" value="with_summons"></el-option>
              <el-option label="无口头传唤栏" value="without_summons"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
      </el-row>
      
      <!-- 第四行 -->
      <el-row :gutter="20">
        <el-col :span="8">
          <el-form-item class="vertical-layout">
            <template #label>
              <div class="vertical-label">询问次数:</div>
            </template>
            <el-select v-model="formatSettings.inquiryCount" placeholder="请选择">
              <el-option label="打印" value="print"></el-option>
              <el-option label="不打印" value="no_print"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item class="vertical-layout">
            <template #label>
              <div class="vertical-label">询问次数格式:</div>
            </template>
            <el-select v-model="formatSettings.inquiryCountFormat" placeholder="请选择">
              <el-option label="阿拉伯数字" value="arabic"></el-option>
              <el-option label="中文数字" value="chinese"></el-option>
              <el-option label="中文数字大写" value="chinese_upper"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item class="vertical-layout">
            <template #label>
              <div class="vertical-label">办案人结尾姓名:</div>
            </template>
            <el-select v-model="formatSettings.officerSignature" placeholder="请选择">
              <el-option label="无签名栏" value="none"></el-option>
              <el-option label="有签名栏" value="with_signature"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
      </el-row>
      
      <!-- 第五行 -->
      <el-row :gutter="20">
        <el-col :span="24">
          <el-form-item class="vertical-layout">
            <template #label>
              <div class="vertical-label">笔录头格式:</div>
            </template>
            <el-select v-model="formatSettings.recordHeaderFormat" placeholder="请选择">
              <el-option label="2012合并样式" value="2012_combined"></el-option>
              <el-option label="2012分开样式" value="2012_separate"></el-option>
              <el-option label="2012分开样式-传唤合并" value="2012_separate_summons"></el-option>
              <el-option label="四川合并样式" value="sichuan_combined"></el-option>
              <el-option label="四川分开样式" value="sichuan_separate"></el-option>
              <el-option label="四川分开样式-传唤合并" value="sichuan_separate_summons"></el-option>
              <el-option label="蒙文版" value="mongolian"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>

    <!-- 刑事 -->
    <el-form v-else-if="activeTab === 'criminal'" :model="formatSettings" label-width="120px" class="format-form">
      <!-- 第一行 - 采用垂直布局保持对齐 -->
      <el-row :gutter="20">
        <el-col :span="6">
          <el-form-item class="vertical-layout">
            <template #label>
              <div class="vertical-label">字体:</div>
            </template>
            <el-select v-model="formatSettings.fontFamily" placeholder="请选择">
              <el-option label="等线" value="DengXian"></el-option>
              <el-option label="等线_Light" value="DengXian Light"></el-option>
              <el-option label="方正舒体" value="FZShuTi"></el-option>
              <el-option label="方正姚体" value="FZYaoTi"></el-option>
              <el-option label="仿宋" value="FangSong"></el-option>
              <el-option label="仿宋_GB2312" value="FangSong_GB2312"></el-option>
              <el-option label="汉仪中黑 197" value="HYZhongHei"></el-option>
              <el-option label="黑体" value="SimHei"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item class="vertical-layout">
            <template #label>
              <div class="vertical-label">字号:</div>
            </template>
            <el-select v-model="formatSettings.fontSize" placeholder="请选择">
              <el-option label="12（小四）" value="12"></el-option>
              <el-option label="14（四号）" value="14"></el-option>
              <el-option label="15（小三）" value="15"></el-option>
              <el-option label="16（三号）" value="16"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item class="vertical-layout">
            <template #label>
              <div class="vertical-label">行距:</div>
            </template>
            <el-select v-model="formatSettings.lineSpacing" placeholder="请选择">
              <el-option label="8mm" value="8mm"></el-option>
              <el-option label="10mm" value="10mm"></el-option>
              <el-option label="12mm" value="12mm"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item class="vertical-layout">
            <template #label>
              <div class="vertical-label">空白行:</div>
            </template>
            <el-select v-model="formatSettings.blankLines" placeholder="请选择">
              <el-option label="打印" value="print"></el-option>
              <el-option label="不打印" value="no_print"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
      </el-row>
      
      <!-- 第二行 -->
      <el-row :gutter="20">
        <el-col :span="8">
          <el-form-item class="vertical-layout">
            <template #label>
              <div class="vertical-label">笔录纸下横线:</div>
            </template>
            <el-select v-model="formatSettings.bottomLine" placeholder="请选择">
              <el-option label="实线" value="solid"></el-option>
              <el-option label="虚线" value="dashed"></el-option>
              <el-option label="无" value="none"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item class="vertical-layout">
            <template #label>
              <div class="vertical-label">笔录内容进行缩进:</div>
            </template>
            <el-select v-model="formatSettings.contentIndent" placeholder="请选择">
              <el-option label="无缩进" value="0"></el-option>
              <el-option label="缩进一格" value="1"></el-option>
              <el-option label="缩进两个" value="2"></el-option>
              <el-option label="缩进四格" value="4"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item class="vertical-layout">
            <template #label>
              <div class="vertical-label">笔录时间:</div>
            </template>
            <el-select v-model="formatSettings.recordTime" placeholder="请选择">
              <el-option label="打印" value="print"></el-option>
              <el-option label="不打印" value="no_print"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
      </el-row>
      
      <!-- 第三行 -->
      <el-row :gutter="20">
        <el-col :span="8">
          <el-form-item class="vertical-layout">
            <template #label>
              <div class="vertical-label">刑事询（讯）问笔录页码位置:</div>
            </template>
            <el-select v-model="formatSettings.pageNumberPosition" placeholder="请选择">
              <el-option label="页码右上角" value="top_right"></el-option>
              <el-option label="页码左上角" value="top_left"></el-option>
              <el-option label="页码左下角" value="bottom_left"></el-option>
              <el-option label="无" value="none"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item class="vertical-layout">
            <template #label>
              <div class="vertical-label">被询问人签名:</div>
            </template>
            <el-select v-model="formatSettings.inquiredSignature" placeholder="请选择">
              <el-option label="无签名栏" value="none"></el-option>
              <el-option label="签名栏右下角" value="bottom_right"></el-option>
              <el-option label="签名栏左下角" value="bottom_left"></el-option>
              <el-option label="签名栏左下角+日期" value="bottom_left_date"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item class="vertical-layout">
            <template #label>
              <div class="vertical-label">办案人结尾签名:</div>
            </template>
            <el-select v-model="formatSettings.officerSignature" placeholder="请选择">
              <el-option label="无签名栏" value="none"></el-option>
              <el-option label="有签名栏" value="with_signature"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
      </el-row>
      
      <!-- 第四行 -->
      <el-row :gutter="20">
        <el-col :span="8">
          <el-form-item class="vertical-layout">
            <template #label>
              <div class="vertical-label">页码:</div>
            </template>
            <el-select v-model="formatSettings.pageNumberFormat" placeholder="请选择">
              <el-option label="阿拉伯数字" value="arabic"></el-option>
              <el-option label="中文数字" value="chinese"></el-option>
              <el-option label="中文数字大写" value="chinese_upper"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item class="vertical-layout">
            <template #label>
              <div class="vertical-label">询问次数:</div>
            </template>
            <el-select v-model="formatSettings.inquiryCountFormat" placeholder="请选择">
              <el-option label="阿拉伯数字" value="arabic"></el-option>
              <el-option label="中文数字" value="chinese"></el-option>
              <el-option label="中文数字大写" value="chinese_upper"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item class="vertical-layout">
            <template #label>
              <div class="vertical-label">刑事询问次数:</div>
            </template>
            <el-select v-model="formatSettings.criminalInquiryCount" placeholder="请选择">
              <el-option label="打印" value="print"></el-option>
              <el-option label="不打印" value="no_print"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
      </el-row>
      
      <!-- 第五行 -->
      <el-row :gutter="20">
        <el-col :span="12">
          <el-form-item class="vertical-layout">
            <template #label>
              <div class="vertical-label">刑事询问笔录头:</div>
            </template>
            <el-select v-model="formatSettings.criminalRecordHeader" placeholder="请选择">
              <el-option label="2012合并样式" value="2012_combined"></el-option>
              <el-option label="2012分开样式" value="2012_separate"></el-option>
              <el-option label="2012分开样式-传唤合并" value="2012_separate_summons"></el-option>
              <el-option label="四川合并样式" value="sichuan_combined"></el-option>
              <el-option label="四川分开样式" value="sichuan_separate"></el-option>
              <el-option label="四川分开样式-传唤合并" value="sichuan_separate_summons"></el-option>
              <el-option label="蒙文版" value="mongolian"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item class="vertical-layout">
            <template #label>
              <div class="vertical-label">刑事询问:</div>
            </template>
            <el-select v-model="formatSettings.criminalInquiry" placeholder="请选择">
              <el-option label="有口头传唤栏（部标准）" value="with_summons"></el-option>
              <el-option label="无口头传唤栏" value="without_summons"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>

    <!-- 交通事故 -->
    <el-form v-else-if="activeTab === 'traffic'" :model="formatSettings" label-width="120px" class="format-form">
      <!-- 第一行 - 采用垂直布局保持对齐 -->
      <el-row :gutter="20">
        <el-col :span="6">
          <el-form-item class="vertical-layout">
            <template #label>
              <div class="vertical-label">字体:</div>
            </template>
            <el-select v-model="formatSettings.fontFamily" placeholder="请选择">
              <el-option label="等线" value="DengXian"></el-option>
              <el-option label="等线_Light" value="DengXian Light"></el-option>
              <el-option label="方正舒体" value="FZShuTi"></el-option>
              <el-option label="方正姚体" value="FZYaoTi"></el-option>
              <el-option label="仿宋" value="FangSong"></el-option>
              <el-option label="仿宋_GB2312" value="FangSong_GB2312"></el-option>
              <el-option label="汉仪中黑 197" value="HYZhongHei"></el-option>
              <el-option label="黑体" value="SimHei"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item class="vertical-layout">
            <template #label>
              <div class="vertical-label">字号:</div>
            </template>
            <el-select v-model="formatSettings.fontSize" placeholder="请选择">
              <el-option label="12（小四）" value="12"></el-option>
              <el-option label="14（四号）" value="14"></el-option>
              <el-option label="15（小三）" value="15"></el-option>
              <el-option label="16（三号）" value="16"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item class="vertical-layout">
            <template #label>
              <div class="vertical-label">行距:</div>
            </template>
            <el-select v-model="formatSettings.lineSpacing" placeholder="请选择">
              <el-option label="8mm" value="8mm"></el-option>
              <el-option label="10mm" value="10mm"></el-option>
              <el-option label="12mm" value="12mm"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item class="vertical-layout">
            <template #label>
              <div class="vertical-label">空白行:</div>
            </template>
            <el-select v-model="formatSettings.blankLines" placeholder="请选择">
              <el-option label="打印" value="print"></el-option>
              <el-option label="不打印" value="no_print"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
      </el-row>
      
      <!-- 第二行 -->
      <el-row :gutter="20">
        <el-col :span="8">
          <el-form-item class="vertical-layout">
            <template #label>
              <div class="vertical-label">笔录纸下横线:</div>
            </template>
            <el-select v-model="formatSettings.bottomLine" placeholder="请选择">
              <el-option label="实线" value="solid"></el-option>
              <el-option label="虚线" value="dashed"></el-option>
              <el-option label="无" value="none"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item class="vertical-layout">
            <template #label>
              <div class="vertical-label">笔录内容进行缩进:</div>
            </template>
            <el-select v-model="formatSettings.contentIndent" placeholder="请选择">
              <el-option label="无缩进" value="0"></el-option>
              <el-option label="缩进一格" value="1"></el-option>
              <el-option label="缩进两个" value="2"></el-option>
              <el-option label="缩进四格" value="4"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item class="vertical-layout">
            <template #label>
              <div class="vertical-label">笔录时间:</div>
            </template>
            <el-select v-model="formatSettings.recordTime" placeholder="请选择">
              <el-option label="打印" value="print"></el-option>
              <el-option label="不打印" value="no_print"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
      </el-row>
      
      <!-- 第三行 -->
      <el-row :gutter="20">
        <el-col :span="6">
          <el-form-item class="vertical-layout">
            <template #label>
              <div class="vertical-label">事故询问页码位置:</div>
            </template>
            <el-select v-model="formatSettings.accidentPagePosition" placeholder="请选择">
              <el-option label="页码右上角" value="top_right"></el-option>
              <el-option label="页码左上角" value="top_left"></el-option>
              <el-option label="页码左下角" value="bottom_left"></el-option>
              <el-option label="无" value="none"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item class="vertical-layout">
            <template #label>
              <div class="vertical-label">事故询问页码格式:</div>
            </template>
            <el-select v-model="formatSettings.accidentPagePosition2" placeholder="请选择">
              <el-option label="页码右上角" value="top_right"></el-option>
              <el-option label="页码左上角" value="top_left"></el-option>
              <el-option label="页码左下角" value="bottom_left"></el-option>
              <el-option label="无" value="none"></el-option>
              <el-option label="公安部标准" value="ministry_standard"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item class="vertical-layout">
            <template #label>
              <div class="vertical-label">页码:</div>
            </template>
            <el-select v-model="formatSettings.pageNumberFormat" placeholder="请选择">
              <el-option label="阿拉伯数字" value="arabic"></el-option>
              <el-option label="中文数字" value="chinese"></el-option>
              <el-option label="中文数字大写" value="chinese_upper"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item class="vertical-layout">
            <template #label>
              <div class="vertical-label">询问次数:</div>
            </template>
            <el-select v-model="formatSettings.inquiryCountFormat" placeholder="请选择">
              <el-option label="阿拉伯数字" value="arabic"></el-option>
              <el-option label="中文数字" value="chinese"></el-option>
              <el-option label="中文数字大写" value="chinese_upper"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
      </el-row>
      
      <!-- 第四行 -->
      <el-row :gutter="20">
        <el-col :span="8">
          <el-form-item class="vertical-layout">
            <template #label>
              <div class="vertical-label">被询问人签名:</div>
            </template>
            <el-select v-model="formatSettings.inquiredSignature" placeholder="请选择">
              <el-option label="无签名栏" value="none"></el-option>
              <el-option label="签名栏右下角" value="bottom_right"></el-option>
              <el-option label="签名栏左下角" value="bottom_left"></el-option>
              <el-option label="签名栏左下角+日期" value="bottom_left_date"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item class="vertical-layout">
            <template #label>
              <div class="vertical-label">续页签名栏:</div>
            </template>
            <el-select v-model="formatSettings.continuationSignature" placeholder="请选择">
              <el-option label="被询（讯）问人" value="inquired_person"></el-option>
              <el-option label="签名" value="signature"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item class="vertical-layout">
            <template #label>
              <div class="vertical-label">事故询问办案人结尾签名:</div>
            </template>
            <el-select v-model="formatSettings.accidentOfficerSignature" placeholder="请选择">
              <el-option label="无签名栏" value="none"></el-option>
              <el-option label="有签名栏" value="with_signature"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
      </el-row>
      
      <!-- 第五行 -->
      <el-row :gutter="20">
        <el-col :span="8">
          <el-form-item class="vertical-layout">
            <template #label>
              <div class="vertical-label">事故询问口头传唤记录栏:</div>
            </template>
            <el-select v-model="formatSettings.accidentSummonsRecord" placeholder="请选择">
              <el-option label="公安部标准" value="ministry_standard"></el-option>
              <el-option label="包括年月日" value="include_date"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item class="vertical-layout">
            <template #label>
              <div class="vertical-label">事故询问口头传唤制作:</div>
            </template>
            <el-select v-model="formatSettings.accidentSummonsRecord2" placeholder="请选择">
              <el-option label="有制作提示" value="with_tips"></el-option>
              <el-option label="无制作提示" value="without_tips"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item class="vertical-layout">
            <template #label>
              <div class="vertical-label">事故询问口头传唤延长:</div>
            </template>
            <el-select v-model="formatSettings.accidentSummonsRecord3" placeholder="请选择">
              <el-option label="无延长审批" value="no_extension"></el-option>
              <el-option label="有延长审批" value="with_extension"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>

    <!-- 当场盘查、盘问 -->
    <el-form v-else-if="activeTab === 'onsite'" :model="formatSettings" label-width="120px" class="format-form">
      <el-row :gutter="20">
        <el-col :span="8">
          <el-form-item label="盘查类型:">
            <el-select v-model="formatSettings.checkType" placeholder="请选择">
              <el-option label="例行检查" value="routine"></el-option>
              <el-option label="可疑检查" value="suspicious"></el-option>
              <el-option label="专项检查" value="special"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="检查地点:">
            <el-select v-model="formatSettings.checkLocation" placeholder="请选择">
              <el-option label="街面巡逻" value="street"></el-option>
              <el-option label="卡点检查" value="checkpoint"></el-option>
              <el-option label="场所检查" value="venue"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="检查依据:">
            <el-select v-model="formatSettings.checkBasis" placeholder="请选择">
              <el-option label="例行巡查" value="routine_patrol"></el-option>
              <el-option label="群众举报" value="report"></el-option>
              <el-option label="可疑行为" value="suspicious_behavior"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row :gutter="20">
        <el-col :span="8">
          <el-form-item label="证件检查:">
            <el-select v-model="formatSettings.idCheck" placeholder="请选择">
              <el-option label="身份证" value="id_card"></el-option>
              <el-option label="驾驶证" value="driver_license"></el-option>
              <el-option label="其他证件" value="other"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="盘问结果:">
            <el-select v-model="formatSettings.questionResult" placeholder="请选择">
              <el-option label="正常" value="normal"></el-option>
              <el-option label="可疑" value="suspicious"></el-option>
              <el-option label="发现违法" value="violation"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>

    <!-- 林业询问 -->
    <el-form v-else-if="activeTab === 'forestry'" :model="formatSettings" label-width="120px" class="format-form">
      <el-row :gutter="20">
        <el-col :span="8">
          <el-form-item label="案件类型:">
            <el-select v-model="formatSettings.forestryType" placeholder="请选择">
              <el-option label="砍伐林木" value="logging"></el-option>
              <el-option label="森林火灾" value="fire"></el-option>
              <el-option label="野生动物" value="wildlife"></el-option>
              <el-option label="林地占用" value="occupation"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="林地类型:">
            <el-select v-model="formatSettings.forestLandType" placeholder="请选择">
              <el-option label="国有林" value="state_owned"></el-option>
              <el-option label="集体林" value="collective"></el-option>
              <el-option label="个人林" value="private"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="树种类别:">
            <el-select v-model="formatSettings.treeCategory" placeholder="请选择">
              <el-option label="用材林" value="timber"></el-option>
              <el-option label="防护林" value="protection"></el-option>
              <el-option label="经济林" value="economic"></el-option>
              <el-option label="薪炭林" value="fuel"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row :gutter="20">
        <el-col :span="8">
          <el-form-item label="采伐证件:">
            <el-select v-model="formatSettings.cuttingPermit" placeholder="请选择">
              <el-option label="有证采伐" value="with_permit"></el-option>
              <el-option label="无证采伐" value="without_permit"></el-option>
              <el-option label="超证采伐" value="exceed_permit"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="损失评估:">
            <el-select v-model="formatSettings.damageAssessment" placeholder="请选择">
              <el-option label="轻微损失" value="minor"></el-option>
              <el-option label="一般损失" value="moderate"></el-option>
              <el-option label="重大损失" value="major"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>

    <!-- 纪检调查、纪检谈话、信访谈话 -->
    <el-form v-else-if="activeTab === 'discipline'" :model="formatSettings" label-width="120px" class="format-form">
      <el-row :gutter="20">
        <el-col :span="8">
          <el-form-item label="谈话类型:">
            <el-select v-model="formatSettings.talkType" placeholder="请选择">
              <el-option label="纪检调查" value="discipline_investigation"></el-option>
              <el-option label="纪检谈话" value="discipline_talk"></el-option>
              <el-option label="信访谈话" value="petition_talk"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="违纪类型:">
            <el-select v-model="formatSettings.violationType" placeholder="请选择">
              <el-option label="违反政治纪律" value="political"></el-option>
              <el-option label="违反组织纪律" value="organizational"></el-option>
              <el-option label="违反廉洁纪律" value="integrity"></el-option>
              <el-option label="违反群众纪律" value="mass"></el-option>
              <el-option label="违反工作纪律" value="work"></el-option>
              <el-option label="违反生活纪律" value="life"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="调查阶段:">
            <el-select v-model="formatSettings.investigationStage" placeholder="请选择">
              <el-option label="初步核实" value="preliminary"></el-option>
              <el-option label="立案调查" value="formal"></el-option>
              <el-option label="补充调查" value="supplementary"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row :gutter="20">
        <el-col :span="8">
          <el-form-item label="谈话对象:">
            <el-select v-model="formatSettings.talkTarget" placeholder="请选择">
              <el-option label="被调查人" value="subject"></el-option>
              <el-option label="证人" value="witness"></el-option>
              <el-option label="举报人" value="reporter"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="保密级别:">
            <el-select v-model="formatSettings.confidentialLevel" placeholder="请选择">
              <el-option label="一般" value="general"></el-option>
              <el-option label="机密" value="confidential"></el-option>
              <el-option label="秘密" value="secret"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>
  </div>
</template>

<script setup>
defineProps({
  activeTab: {
    type: String,
    required: true
  },
  formatSettings: {
    type: Object,
    required: true
  }
})
</script>

<style scoped>
.format-form {
  max-height: none; /* 移除高度限制，让弹框本身控制 */
  overflow: visible; /* 让弹框控制滚动 */
  padding: 0 20px 16px 20px; /* 增加左右内边距 */
}

:deep(.el-form-item) {
  margin-bottom: 18px;
}

:deep(.el-form-item__label) {
  font-size: 13px;
  font-weight: 500;
  min-width: 120px;
}

:deep(.el-select) {
  width: 100%;
  min-width: 150px;
}

:deep(.el-select .el-input) {
  height: 36px;
}

:deep(.el-select .el-input__inner) {
  height: 36px;
  line-height: 36px;
  font-size: 13px;
  padding: 0 12px;
}

/* 垂直标签样式 - 上下布局 */
.vertical-label {
  font-size: 13px;
  font-weight: 500;
  color: #606266;
  margin-bottom: 6px;
  white-space: normal;
  line-height: 1.4;
  text-align: left;
  display: block;
  width: 100%;
  height: 20px; /* 固定高度保持一致 */
}

/* 使用类名直接控制垂直布局 */
:deep(.el-form-item.vertical-layout) {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  margin-bottom: 22px;
  min-height: 62px; /* 统一最小高度确保对齐 */
}

:deep(.el-form-item.vertical-layout .el-form-item__label) {
  float: none !important;
  text-align: left !important;
  width: 100% !important;
  margin-bottom: 6px !important;
  min-width: auto !important;
  margin-right: 0 !important;
  height: 20px; /* 固定标签高度 */
  line-height: 20px;
}

:deep(.el-form-item.vertical-layout .el-form-item__content) {
  margin-left: 0 !important;
  width: 100%;
  flex: 1;
  display: flex;
  align-items: flex-start;
}

/* 针对长标签的特殊处理 */
:deep(.el-form-item__label[title*="刑事询（讯）问笔录页码位置"]),
:deep(.el-form-item__label[title*="事故询问页码位置"]),
:deep(.el-form-item__label[title*="事故询问办案人结尾签名"]),
:deep(.el-form-item__label[title*="事故询问口头传唤记录栏"]) {
  min-width: 140px;
}

/* 调整行间距 */
:deep(.el-row) {
  margin-bottom: 12px;
}

:deep(.el-row:last-child) {
  margin-bottom: 0;
}

/* 调整表单项的内容区域 */
:deep(.el-form-item__content) {
  flex: 1;
  min-width: 0;
}

/* 响应式调整 */
@media (max-width: 1200px) {
  :deep(.el-form-item__label) {
    min-width: 100px;
    font-size: 12px;
  }
  
  .vertical-label {
    font-size: 12px;
  }
  
  :deep(.el-select .el-input__inner) {
    font-size: 12px;
  }
}

/* 优化滚动条样式 */
.format-form::-webkit-scrollbar {
  width: 6px;
}

.format-form::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 3px;
}

.format-form::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 3px;
}

.format-form::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}
</style>
